<template>
  <div class="home">
      <main>
        <router-view></router-view>
      </main>
      <footer>
        <van-tabbar v-model="active">
          <van-tabbar-item icon="wap-home-o" to="/home/index">首页</van-tabbar-item>
          <van-tabbar-item icon="search" to="/home/question">问药</van-tabbar-item>
          <van-tabbar-item icon="friends-o" to="/home/interrogation">快速问诊</van-tabbar-item>
          <van-tabbar-item icon="setting-o" to="/home/record">问诊记录</van-tabbar-item>
          <van-tabbar-item icon="friends-o" to="/home/my">我的</van-tabbar-item>
        </van-tabbar>
      </footer>
  </div>
</template>

<script>
export default {
    data(){
      return {
        active:0
      }
    }
}
</script>

<style lang="scss" scoped>
    .home{
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      main{
        width: 100%;
        flex: 1;
        overflow: auto;
      }
      footer{
        width: 100%;
        height: 50px;
        display: flex;
        justify-content: space-around;
        align-items: center;
      }
    }
</style>